﻿<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
	
<!-- Mirrored from www.crivosthemes.com/theme/porto/feature-icons.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 23 Oct 2013 13:59:55 GMT -->
<head>

		<!-- Basic -->
		<meta charset="utf-8">
		<title>Icons | Porto - Responsive HTML5 Template</title>
		<meta name="keywords" content="HTML5 Template" />
		<meta name="description" content="Porto - Responsive HTML5 Template">
		<meta name="author" content="Crivos.com">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Libs CSS -->
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.css">
		<link rel="stylesheet" href="vendor/flexslider/flexslider.css" media="screen" />
		<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css" media="screen" />

		<!-- Theme CSS -->
		<link rel="stylesheet" href="css/theme.css">
		<link rel="stylesheet" href="css/theme-elements.css">
		<link rel="stylesheet" href="css/theme-animate.css">

		<!-- Custom CSS -->
		<link rel="stylesheet" href="css/custom.css">

		<!-- Responsive CSS -->
		<link rel="stylesheet" href="css/bootstrap-responsive.css" />
		<link rel="stylesheet" href="css/theme-responsive.css" />

		<!-- Favicons -->
		<link rel="shortcut icon" href="img/favicon.ico">
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.html">
		<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.html">
		<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.html">

		<!-- Head Libs -->
		<script src="vendor/modernizr.js"></script>

		<!--[if IE]>
			<link rel="stylesheet" href="css/ie.css">
		<![endif]-->

		<!--[if lte IE 8]>
			<script src="vendor/respond.js"></script>
		<![endif]-->

		<!-- Facebook OpenGraph Tags - Go to http://developers.facebook.com/ for more information.
		<meta property="og:title" content="Porto Website Template."/>
		<meta property="og:type" content="website"/>
		<meta property="og:url" content="http://www.crivos.com/themes/porto"/>
		<meta property="og:image" content="http://www.crivos.com/themes/porto/"/>
		<meta property="og:site_name" content="Porto"/>
		<meta property="fb:app_id" content=""/>
		<meta property="og:description" content="Porto - Responsive HTML5 Template"/>
		-->

	</head>
	<body >

		<div class="body">
			<header>
				<div class="container">
					<h1 class="logo">
						<a href="index.html">
							<img alt="Porto" src="img/logo.png">
						</a>
					</h1>
					<div class="search">
						<form class="form-search" id="searchForm" action="http://www.crivosthemes.com/theme/porto/page-search-results.html" method="get">
							<div class="control-group">
								<input type="text" class="input-medium search-query" name="q" id="q" placeholder="Search...">
								<button class="search" type="submit"><i class="icon-search"></i></button>
							</div>
						</form>
					</div>
					<nav>
						<ul class="nav nav-pills nav-top">
							<li>
								<a href="about-us.html"><i class="icon-angle-right"></i>About Us</a>
							</li>
							<li>
								<a href="contact-us.html"><i class="icon-angle-right"></i>Contact Us</a>
							</li>
							<li class="phone">
								<span><i class="icon-phone"></i>(123) 456-7890</span>
							</li>
						</ul>
					</nav>
					<div class="social-icons">
						<ul class="social-icons">
							<li class="facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook">Facebook</a></li>
							<li class="twitter"><a href="http://www.twitter.com/" target="_blank" title="Twitter">Twitter</a></li>
							<li class="linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin">Linkedin</a></li>
						</ul>
					</div>
					<nav>
						<ul class="nav nav-pills nav-main" id="mainMenu">
							<li class="dropdown">
								<a class="dropdown-toggle" href="index.html">
									Home
									<i class="icon-angle-down"></i>
								</a>
								<ul class="dropdown-menu">
									<li class="dropdown-submenu">
										<a href="#">Sliders</a>
										<ul class="dropdown-menu">
											<li><a href="index.html">Revolution Slider</a></li>
											<li><a href="index-slider-2.html">Nivo Slider</a></li>
										</ul>
									</li>
									<li><a href="index.html">Home Version 1</a></li>
									<li><a href="index-2.html">Home Version 2</a></li>
									<li><a href="index-one-page.html">One Page Website</a></li>
								</ul>
							</li>
							<li>
								<a href="about-us.html">About Us</a>
							</li>
							<li class="dropdown active">
								<a class="dropdown-toggle" href="#">
									Features
									<i class="icon-angle-down"></i>
								</a>
								<ul class="dropdown-menu">
									<li class="dropdown-submenu">
										<a href="#">Headers</a>
										<ul class="dropdown-menu">
											<li><a href="index.html">Header Version 1</a></li>
											<li><a href="index-header-2.html">Header Version 2</a></li>
											<li><a href="index-header-3.html">Header Version 3</a></li>
											<li><a href="index-header-4.html">Header Version 4</a></li>
											<li><a href="index-header-5.html">Header Version 5</a></li>
											<li><a href="index-header-6.html">Header Version 6</a></li>
										</ul>
									</li>
									<li class="dropdown-submenu">
										<a href="#">Footers</a>
										<ul class="dropdown-menu">
											<li><a href="index.html#footer">Footer Version 1</a></li>
											<li><a href="index-footer-2.html#footer">Footer Version 2</a></li>
											<li><a href="index-footer-3.html#footer">Footer Version 3</a></li>
											<li><a href="index-footer-4.html#footer">Footer Version 4</a></li>
										</ul>
									</li>
									<li class="dropdown-submenu">
										<a href="#">Blog</a>
										<ul class="dropdown-menu">
											<li><a href="blog-full-width.html">Blog Full Width</a></li>
											<li><a href="blog-large-image.html">Blog Large Image</a></li>
											<li><a href="blog-medium-image.html">Blog Medium Image</a></li>
											<li><a href="blog-post.html">Single Post</a></li>
										</ul>
									</li>
									<li><a href="feature-grid-system.html">Grid System</a></li>
									<li><a href="feature-pricing-tables.html">Pricing Tables</a></li>
									<li><a href="feature-icons.html">Icons</a></li>
									<li><a href="feature-elements.html">Elements</a></li>
									<li><a href="feature-animations.html">Animations</a></li>
									<li><a href="feature-typograpy.html">Typograpy</a></li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#">
									Portfolio
									<i class="icon-angle-down"></i>
								</a>
								<ul class="dropdown-menu">
									<li><a href="portfolio-2-columns.html">2 Columns</a></li>
									<li><a href="portfolio-3-columns.html">3 Columns</a></li>
									<li><a href="portfolio-4-columns.html">4 Columns</a></li>
									<li><a href="portfolio-single-project.html">Single Project</a></li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#">
									Pages
									<i class="icon-angle-down"></i>
								</a>
								<ul class="dropdown-menu">
									<li><a href="page-full-width.html">Full width</a></li>
									<li><a href="page-left-sidebar.html">Left sidebar</a></li>
									<li><a href="page-right-sidebar.html">Right sidebar</a></li>
									<li><a href="page-custom-header.html">Custom Header</a></li>
									<li><a href="page-404.html">404 Error</a></li>
									<li><a href="page-team.html">Team</a></li>
									<li><a href="page-services.html">Services</a></li>
									<li><a href="page-careers.html">Careers</a></li>
									<li><a href="page-faq.html">FAQ</a></li>
									<li><a href="sitemap.html">Sitemap</a></li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="contact-us.html">
									Contact Us
									<i class="icon-angle-down"></i>
								</a>
								<ul class="dropdown-menu">

									<li><a href="contact-us.html">Version 1</a></li>
									<li><a href="contact-us-2.html">Version 2</a></li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
			</header>

			<div role="main" class="main">

				<section class="page-top">
					<div class="container">
						<div class="row">
							<div class="span12">
								<ul class="breadcrumb">
									<li><a href="index.html">Home</a> <span class="divider">/</span></li>
									<li class="active">Features</li>
								</ul>
							</div>
						</div>
						<div class="row">
							<div class="span12">
								<h2>Icons</h2>
							</div>
						</div>
					</div>
				</section>

				<div class="container">

					<h2>Theme Icons</h2>

					<div class="row">
						<div class="span12">
							<p class="lead">
								Porto includes the popular <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a> - The complete set of 361 icons in Font Awesome 3.2.1.
							</p>
						</div>
					</div>

					<div id="new">
						<h2 class="page-header">New Icons in 3.2</h2>
						<div class="row the-icons">
							<div class="span3">
								<i class="icon-compass"></i> icon-compass
							</div>
							<div class="span3">
								<i class="icon-collapse"></i> icon-collapse
							</div>
							<div class="span3">
								<i class="icon-collapse-top"></i> icon-collapse-top
							</div>
							<div class="span3">
								<i class="icon-expand"></i> icon-expand
							</div>
							<div class="span3">
								<i class="icon-eur"></i> icon-eur
							</div>
							<div class="span3">
								<i class="icon-euro"></i> icon-euro <span class="muted">(alias)</span>
							</div>
							<div class="span3">
								<i class="icon-gbp"></i> icon-gbp
							</div>
							<div class="span3">
								<i class="icon-usd"></i> icon-usd
							</div>
							<div class="span3">
								<i class="icon-dollar"></i> icon-dollar <span class="muted">(alias)</span>
							</div>
							<div class="span3">
								<i class="icon-inr"></i> icon-inr
							</div>
							<div class="span3">
								<i class="icon-rupee"></i> icon-rupee <span class="muted">(alias)</span>
							</div>
							<div class="span3">
								<i class="icon-jpy"></i> icon-jpy
							</div>
							<div class="span3">
								<i class="icon-yen"></i> icon-yen <span class="muted">(alias)</span>
							</div>
							<div class="span3">
								<i class="icon-cny"></i> icon-cny
							</div>
							<div class="span3">
								<i class="icon-renminbi"></i> icon-renminbi <span class="muted">(alias)</span>
							</div>
							<div class="span3">
								<i class="icon-krw"></i> icon-krw
							</div>
							<div class="span3">
								<i class="icon-won"></i> icon-won <span class="muted">(alias)</span>
							</div>
							<div class="span3">
								<i class="icon-btc"></i> icon-btc
							</div>
							<div class="span3">
								<i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span>
							</div>
							<div class="span3">
								<i class="icon-file"></i> icon-file
							</div>
							<div class="span3">
								<i class="icon-file-text"></i> icon-file-text
							</div>
							<div class="span3">
								<i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet
							</div>
							<div class="span3">
								<i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt
							</div>
							<div class="span3">
								<i class="icon-sort-by-attributes"></i> icon-sort-by-attributes
							</div>
							<div class="span3">
								<i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt
							</div>
							<div class="span3">
								<i class="icon-sort-by-order"></i> icon-sort-by-order
							</div>
							<div class="span3">
								<i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt
							</div>
							<div class="span3">
								<i class="icon-thumbs-up"></i> icon-thumbs-up
							</div>
							<div class="span3">
								<i class="icon-thumbs-down"></i> icon-thumbs-down
							</div>
							<div class="span3">
								<i class="icon-youtube-sign"></i> icon-youtube-sign
							</div>
							<div class="span3">
								<i class="icon-youtube"></i> icon-youtube
							</div>
							<div class="span3">
								<i class="icon-xing"></i> icon-xing
							</div>
							<div class="span3">
								<i class="icon-xing-sign"></i> icon-xing-sign
							</div>
							<div class="span3">
								<i class="icon-youtube-play"></i> icon-youtube-play
							</div>
							<div class="span3">
								<i class="icon-dropbox"></i> icon-dropbox
							</div>
							<div class="span3">
								<i class="icon-stackexchange"></i> icon-stackexchange
							</div>
							<div class="span3">
								<i class="icon-instagram"></i> icon-instagram
							</div>
							<div class="span3">
								<i class="icon-flickr"></i> icon-flickr
							</div>
							<div class="span3">
								<i class="icon-adn"></i> icon-adn
							</div>
							<div class="span3">
								<i class="icon-bitbucket"></i> icon-bitbucket
							</div>
							<div class="span3">
								<i class="icon-bitbucket-sign"></i> icon-bitbucket-sign
							</div>
							<div class="span3">
								<i class="icon-tumblr"></i> icon-tumblr
							</div>
							<div class="span3">
								<i class="icon-tumblr-sign"></i> icon-tumblr-sign
							</div>
							<div class="span3">
								<i class="icon-long-arrow-down"></i> icon-long-arrow-down
							</div>
							<div class="span3">
								<i class="icon-long-arrow-up"></i> icon-long-arrow-up
							</div>
							<div class="span3">
								<i class="icon-long-arrow-left"></i> icon-long-arrow-left
							</div>
							<div class="span3">
								<i class="icon-long-arrow-right"></i> icon-long-arrow-right
							</div>
							<div class="span3">
								<i class="icon-apple"></i> icon-apple
							</div>
							<div class="span3">
								<i class="icon-windows"></i> icon-windows
							</div>
							<div class="span3">
								<i class="icon-android"></i> icon-android
							</div>
							<div class="span3">
								<i class="icon-linux"></i> icon-linux
							</div>
							<div class="span3">
								<i class="icon-dribbble"></i> icon-dribbble
							</div>
							<div class="span3">
								<i class="icon-skype"></i> icon-skype
							</div>
							<div class="span3">
								<i class="icon-foursquare"></i> icon-foursquare
							</div>
							<div class="span3">
								<i class="icon-trello"></i> icon-trello
							</div>
							<div class="span3">
								<i class="icon-female"></i> icon-female
							</div>
							<div class="span3">
								<i class="icon-male"></i> icon-male
							</div>
							<div class="span3">
								<i class="icon-gittip"></i> icon-gittip
							</div>
							<div class="span3">
								<i class="icon-sun"></i> icon-sun
							</div>
							<div class="span3">
								<i class="icon-moon"></i> icon-moon
							</div>
							<div class="span3">
								<i class="icon-archive"></i> icon-archive
							</div>
							<div class="span3">
								<i class="icon-bug"></i> icon-bug
							</div>
							<div class="span3">
								<i class="icon-vk"></i> icon-vk
							</div>
							<div class="span3">
								<i class="icon-weibo"></i> icon-weibo
							</div>
							<div class="span3">
								<i class="icon-renren"></i> icon-renren
							</div>
						</div>
					</div>
					<section id="web-application">
					<h2 class="page-header">Web Application Icons</h2>
					<div class="row the-icons">
						<div class="span3">
							<i class="icon-adjust"></i> icon-adjust
						</div>
						<div class="span3">
							<i class="icon-anchor"></i> icon-anchor
						</div>
						<div class="span3">
							<i class="icon-archive"></i> icon-archive
						</div>
						<div class="span3">
							<i class="icon-asterisk"></i> icon-asterisk
						</div>
						<div class="span3">
							<i class="icon-ban-circle"></i> icon-ban-circle
						</div>
						<div class="span3">
							<i class="icon-bar-chart"></i> icon-bar-chart
						</div>
						<div class="span3">
							<i class="icon-barcode"></i> icon-barcode
						</div>
						<div class="span3">
							<i class="icon-beaker"></i> icon-beaker
						</div>
						<div class="span3">
							<i class="icon-beer"></i> icon-beer
						</div>
						<div class="span3">
							<i class="icon-bell"></i> icon-bell
						</div>
						<div class="span3">
							<i class="icon-bell-alt"></i> icon-bell-alt
						</div>
						<div class="span3">
							<i class="icon-bolt"></i> icon-bolt
						</div>
						<div class="span3">
							<i class="icon-book"></i> icon-book
						</div>
						<div class="span3">
							<i class="icon-bookmark"></i> icon-bookmark
						</div>
						<div class="span3">
							<i class="icon-bookmark-empty"></i> icon-bookmark-empty
						</div>
						<div class="span3">
							<i class="icon-briefcase"></i> icon-briefcase
						</div>
						<div class="span3">
							<i class="icon-bug"></i> icon-bug
						</div>
						<div class="span3">
							<i class="icon-building"></i> icon-building
						</div>
						<div class="span3">
							<i class="icon-bullhorn"></i> icon-bullhorn
						</div>
						<div class="span3">
							<i class="icon-bullseye"></i> icon-bullseye
						</div>
						<div class="span3">
							<i class="icon-calendar"></i> icon-calendar
						</div>
						<div class="span3">
							<i class="icon-calendar-empty"></i> icon-calendar-empty
						</div>
						<div class="span3">
							<i class="icon-camera"></i> icon-camera
						</div>
						<div class="span3">
							<i class="icon-camera-retro"></i> icon-camera-retro
						</div>
						<div class="span3">
							<i class="icon-certificate"></i> icon-certificate
						</div>
						<div class="span3">
							<i class="icon-check"></i> icon-check
						</div>
						<div class="span3">
							<i class="icon-check-empty"></i> icon-check-empty
						</div>
						<div class="span3">
							<i class="icon-check-minus"></i> icon-check-minus
						</div>
						<div class="span3">
							<i class="icon-check-sign"></i> icon-check-sign
						</div>
						<div class="span3">
							<i class="icon-circle"></i> icon-circle
						</div>
						<div class="span3">
							<i class="icon-circle-blank"></i> icon-circle-blank
						</div>
						<div class="span3">
							<i class="icon-cloud"></i> icon-cloud
						</div>
						<div class="span3">
							<i class="icon-cloud-download"></i> icon-cloud-download
						</div>
						<div class="span3">
							<i class="icon-cloud-upload"></i> icon-cloud-upload
						</div>
						<div class="span3">
							<i class="icon-code"></i> icon-code
						</div>
						<div class="span3">
							<i class="icon-code-fork"></i> icon-code-fork
						</div>
						<div class="span3">
							<i class="icon-coffee"></i> icon-coffee
						</div>
						<div class="span3">
							<i class="icon-cog"></i> icon-cog
						</div>
						<div class="span3">
							<i class="icon-cogs"></i> icon-cogs
						</div>
						<div class="span3">
							<i class="icon-collapse"></i> icon-collapse
						</div>
						<div class="span3">
							<i class="icon-collapse-alt"></i> icon-collapse-alt
						</div>
						<div class="span3">
							<i class="icon-collapse-top"></i> icon-collapse-top
						</div>
						<div class="span3">
							<i class="icon-comment"></i> icon-comment
						</div>
						<div class="span3">
							<i class="icon-comment-alt"></i> icon-comment-alt
						</div>
						<div class="span3">
							<i class="icon-comments"></i> icon-comments
						</div>
						<div class="span3">
							<i class="icon-comments-alt"></i> icon-comments-alt
						</div>
						<div class="span3">
							<i class="icon-compass"></i> icon-compass
						</div>
						<div class="span3">
							<i class="icon-credit-card"></i> icon-credit-card
						</div>
						<div class="span3">
							<i class="icon-crop"></i> icon-crop
						</div>
						<div class="span3">
							<i class="icon-dashboard"></i> icon-dashboard
						</div>
						<div class="span3">
							<i class="icon-desktop"></i> icon-desktop
						</div>
						<div class="span3">
							<i class="icon-download"></i> icon-download
						</div>
						<div class="span3">
							<i class="icon-download-alt"></i> icon-download-alt
						</div>
						<div class="span3">
							<i class="icon-edit"></i> icon-edit
						</div>
						<div class="span3">
							<i class="icon-edit-sign"></i> icon-edit-sign
						</div>
						<div class="span3">
							<i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal
						</div>
						<div class="span3">
							<i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical
						</div>
						<div class="span3">
							<i class="icon-envelope"></i> icon-envelope
						</div>
						<div class="span3">
							<i class="icon-envelope-alt"></i> icon-envelope-alt
						</div>
						<div class="span3">
							<i class="icon-eraser"></i> icon-eraser
						</div>
						<div class="span3">
							<i class="icon-exchange"></i> icon-exchange
						</div>
						<div class="span3">
							<i class="icon-exclamation"></i> icon-exclamation
						</div>
						<div class="span3">
							<i class="icon-exclamation-sign"></i> icon-exclamation-sign
						</div>
						<div class="span3">
							<i class="icon-expand"></i> icon-expand
						</div>
						<div class="span3">
							<i class="icon-expand-alt"></i> icon-expand-alt
						</div>
						<div class="span3">
							<i class="icon-external-link"></i> icon-external-link
						</div>
						<div class="span3">
							<i class="icon-external-link-sign"></i> icon-external-link-sign
						</div>
						<div class="span3">
							<i class="icon-eye-close"></i> icon-eye-close
						</div>
						<div class="span3">
							<i class="icon-eye-open"></i> icon-eye-open
						</div>
						<div class="span3">
							<i class="icon-facetime-video"></i> icon-facetime-video
						</div>
						<div class="span3">
							<i class="icon-female"></i> icon-female
						</div>
						<div class="span3">
							<i class="icon-fighter-jet"></i> icon-fighter-jet
						</div>
						<div class="span3">
							<i class="icon-film"></i> icon-film
						</div>
						<div class="span3">
							<i class="icon-filter"></i> icon-filter
						</div>
						<div class="span3">
							<i class="icon-fire"></i> icon-fire
						</div>
						<div class="span3">
							<i class="icon-fire-extinguisher"></i> icon-fire-extinguisher
						</div>
						<div class="span3">
							<i class="icon-flag"></i> icon-flag
						</div>
						<div class="span3">
							<i class="icon-flag-alt"></i> icon-flag-alt
						</div>
						<div class="span3">
							<i class="icon-flag-checkered"></i> icon-flag-checkered
						</div>
						<div class="span3">
							<i class="icon-folder-close"></i> icon-folder-close
						</div>
						<div class="span3">
							<i class="icon-folder-close-alt"></i> icon-folder-close-alt
						</div>
						<div class="span3">
							<i class="icon-folder-open"></i> icon-folder-open
						</div>
						<div class="span3">
							<i class="icon-folder-open-alt"></i> icon-folder-open-alt
						</div>
						<div class="span3">
							<i class="icon-food"></i> icon-food
						</div>
						<div class="span3">
							<i class="icon-frown"></i> icon-frown
						</div>
						<div class="span3">
							<i class="icon-gamepad"></i> icon-gamepad
						</div>
						<div class="span3">
							<i class="icon-gear"></i> icon-gear <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-gears"></i> icon-gears <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-gift"></i> icon-gift
						</div>
						<div class="span3">
							<i class="icon-glass"></i> icon-glass
						</div>
						<div class="span3">
							<i class="icon-globe"></i> icon-globe
						</div>
						<div class="span3">
							<i class="icon-group"></i> icon-group
						</div>
						<div class="span3">
							<i class="icon-hdd"></i> icon-hdd
						</div>
						<div class="span3">
							<i class="icon-headphones"></i> icon-headphones
						</div>
						<div class="span3">
							<i class="icon-heart"></i> icon-heart
						</div>
						<div class="span3">
							<i class="icon-heart-empty"></i> icon-heart-empty
						</div>
						<div class="span3">
							<i class="icon-home"></i> icon-home
						</div>
						<div class="span3">
							<i class="icon-inbox"></i> icon-inbox
						</div>
						<div class="span3">
							<i class="icon-info"></i> icon-info
						</div>
						<div class="span3">
							<i class="icon-info-sign"></i> icon-info-sign
						</div>
						<div class="span3">
							<i class="icon-key"></i> icon-key
						</div>
						<div class="span3">
							<i class="icon-keyboard"></i> icon-keyboard
						</div>
						<div class="span3">
							<i class="icon-laptop"></i> icon-laptop
						</div>
						<div class="span3">
							<i class="icon-leaf"></i> icon-leaf
						</div>
						<div class="span3">
							<i class="icon-legal"></i> icon-legal
						</div>
						<div class="span3">
							<i class="icon-lemon"></i> icon-lemon
						</div>
						<div class="span3">
							<i class="icon-level-down"></i> icon-level-down
						</div>
						<div class="span3">
							<i class="icon-level-up"></i> icon-level-up
						</div>
						<div class="span3">
							<i class="icon-lightbulb"></i> icon-lightbulb
						</div>
						<div class="span3">
							<i class="icon-location-arrow"></i> icon-location-arrow
						</div>
						<div class="span3">
							<i class="icon-lock"></i> icon-lock
						</div>
						<div class="span3">
							<i class="icon-magic"></i> icon-magic
						</div>
						<div class="span3">
							<i class="icon-magnet"></i> icon-magnet
						</div>
						<div class="span3">
							<i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-mail-reply-all"></i> icon-mail-reply-all
						</div>
						<div class="span3">
							<i class="icon-male"></i> icon-male
						</div>
						<div class="span3">
							<i class="icon-map-marker"></i> icon-map-marker
						</div>
						<div class="span3">
							<i class="icon-meh"></i> icon-meh
						</div>
						<div class="span3">
							<i class="icon-microphone"></i> icon-microphone
						</div>
						<div class="span3">
							<i class="icon-microphone-off"></i> icon-microphone-off
						</div>
						<div class="span3">
							<i class="icon-minus"></i> icon-minus
						</div>
						<div class="span3">
							<i class="icon-minus-sign"></i> icon-minus-sign
						</div>
						<div class="span3">
							<i class="icon-minus-sign-alt"></i> icon-minus-sign-alt
						</div>
						<div class="span3">
							<i class="icon-mobile-phone"></i> icon-mobile-phone
						</div>
						<div class="span3">
							<i class="icon-money"></i> icon-money
						</div>
						<div class="span3">
							<i class="icon-moon"></i> icon-moon
						</div>
						<div class="span3">
							<i class="icon-move"></i> icon-move
						</div>
						<div class="span3">
							<i class="icon-music"></i> icon-music
						</div>
						<div class="span3">
							<i class="icon-off"></i> icon-off
						</div>
						<div class="span3">
							<i class="icon-ok"></i> icon-ok
						</div>
						<div class="span3">
							<i class="icon-ok-circle"></i> icon-ok-circle
						</div>
						<div class="span3">
							<i class="icon-ok-sign"></i> icon-ok-sign
						</div>
						<div class="span3">
							<i class="icon-pencil"></i> icon-pencil
						</div>
						<div class="span3">
							<i class="icon-phone"></i> icon-phone
						</div>
						<div class="span3">
							<i class="icon-phone-sign"></i> icon-phone-sign
						</div>
						<div class="span3">
							<i class="icon-picture"></i> icon-picture
						</div>
						<div class="span3">
							<i class="icon-plane"></i> icon-plane
						</div>
						<div class="span3">
							<i class="icon-plus"></i> icon-plus
						</div>
						<div class="span3">
							<i class="icon-plus-sign"></i> icon-plus-sign
						</div>
						<div class="span3">
							<i class="icon-plus-sign-alt"></i> icon-plus-sign-alt
						</div>
						<div class="span3">
							<i class="icon-power-off"></i> icon-power-off <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-print"></i> icon-print
						</div>
						<div class="span3">
							<i class="icon-pushpin"></i> icon-pushpin
						</div>
						<div class="span3">
							<i class="icon-puzzle-piece"></i> icon-puzzle-piece
						</div>
						<div class="span3">
							<i class="icon-qrcode"></i> icon-qrcode
						</div>
						<div class="span3">
							<i class="icon-question"></i> icon-question
						</div>
						<div class="span3">
							<i class="icon-question-sign"></i> icon-question-sign
						</div>
						<div class="span3">
							<i class="icon-quote-left"></i> icon-quote-left
						</div>
						<div class="span3">
							<i class="icon-quote-right"></i> icon-quote-right
						</div>
						<div class="span3">
							<i class="icon-random"></i> icon-random
						</div>
						<div class="span3">
							<i class="icon-refresh"></i> icon-refresh
						</div>
						<div class="span3">
							<i class="icon-remove"></i> icon-remove
						</div>
						<div class="span3">
							<i class="icon-remove-circle"></i> icon-remove-circle
						</div>
						<div class="span3">
							<i class="icon-remove-sign"></i> icon-remove-sign
						</div>
						<div class="span3">
							<i class="icon-reorder"></i> icon-reorder
						</div>
						<div class="span3">
							<i class="icon-reply"></i> icon-reply
						</div>
						<div class="span3">
							<i class="icon-reply-all"></i> icon-reply-all
						</div>
						<div class="span3">
							<i class="icon-resize-horizontal"></i> icon-resize-horizontal
						</div>
						<div class="span3">
							<i class="icon-resize-vertical"></i> icon-resize-vertical
						</div>
						<div class="span3">
							<i class="icon-retweet"></i> icon-retweet
						</div>
						<div class="span3">
							<i class="icon-road"></i> icon-road
						</div>
						<div class="span3">
							<i class="icon-rocket"></i> icon-rocket
						</div>
						<div class="span3">
							<i class="icon-rss"></i> icon-rss
						</div>
						<div class="span3">
							<i class="icon-rss-sign"></i> icon-rss-sign
						</div>
						<div class="span3">
							<i class="icon-screenshot"></i> icon-screenshot
						</div>
						<div class="span3">
							<i class="icon-search"></i> icon-search
						</div>
						<div class="span3">
							<i class="icon-share"></i> icon-share
						</div>
						<div class="span3">
							<i class="icon-share-alt"></i> icon-share-alt
						</div>
						<div class="span3">
							<i class="icon-share-sign"></i> icon-share-sign
						</div>
						<div class="span3">
							<i class="icon-shield"></i> icon-shield
						</div>
						<div class="span3">
							<i class="icon-shopping-cart"></i> icon-shopping-cart
						</div>
						<div class="span3">
							<i class="icon-sign-blank"></i> icon-sign-blank
						</div>
						<div class="span3">
							<i class="icon-signal"></i> icon-signal
						</div>
						<div class="span3">
							<i class="icon-signin"></i> icon-signin
						</div>
						<div class="span3">
							<i class="icon-signout"></i> icon-signout
						</div>
						<div class="span3">
							<i class="icon-sitemap"></i> icon-sitemap
						</div>
						<div class="span3">
							<i class="icon-smile"></i> icon-smile
						</div>
						<div class="span3">
							<i class="icon-sort"></i> icon-sort
						</div>
						<div class="span3">
							<i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet
						</div>
						<div class="span3">
							<i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt
						</div>
						<div class="span3">
							<i class="icon-sort-by-attributes"></i> icon-sort-by-attributes
						</div>
						<div class="span3">
							<i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt
						</div>
						<div class="span3">
							<i class="icon-sort-by-order"></i> icon-sort-by-order
						</div>
						<div class="span3">
							<i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt
						</div>
						<div class="span3">
							<i class="icon-sort-down"></i> icon-sort-down
						</div>
						<div class="span3">
							<i class="icon-sort-up"></i> icon-sort-up
						</div>
						<div class="span3">
							<i class="icon-spinner"></i> icon-spinner
						</div>
						<div class="span3">
							<i class="icon-star"></i> icon-star
						</div>
						<div class="span3">
							<i class="icon-star-empty"></i> icon-star-empty
						</div>
						<div class="span3">
							<i class="icon-star-half"></i> icon-star-half
						</div>
						<div class="span3">
							<i class="icon-star-half-empty"></i> icon-star-half-empty
						</div>
						<div class="span3">
							<i class="icon-star-half-full"></i> icon-star-half-full <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-subscript"></i> icon-subscript
						</div>
						<div class="span3">
							<i class="icon-suitcase"></i> icon-suitcase
						</div>
						<div class="span3">
							<i class="icon-sun"></i> icon-sun
						</div>
						<div class="span3">
							<i class="icon-superscript"></i> icon-superscript
						</div>
						<div class="span3">
							<i class="icon-tablet"></i> icon-tablet
						</div>
						<div class="span3">
							<i class="icon-tag"></i> icon-tag
						</div>
						<div class="span3">
							<i class="icon-tags"></i> icon-tags
						</div>
						<div class="span3">
							<i class="icon-tasks"></i> icon-tasks
						</div>
						<div class="span3">
							<i class="icon-terminal"></i> icon-terminal
						</div>
						<div class="span3">
							<i class="icon-thumbs-down"></i> icon-thumbs-down
						</div>
						<div class="span3">
							<i class="icon-thumbs-down-alt"></i> icon-thumbs-down-alt
						</div>
						<div class="span3">
							<i class="icon-thumbs-up"></i> icon-thumbs-up
						</div>
						<div class="span3">
							<i class="icon-thumbs-up-alt"></i> icon-thumbs-up-alt
						</div>
						<div class="span3">
							<i class="icon-ticket"></i> icon-ticket
						</div>
						<div class="span3">
							<i class="icon-time"></i> icon-time
						</div>
						<div class="span3">
							<i class="icon-tint"></i> icon-tint
						</div>
						<div class="span3">
							<i class="icon-trash"></i> icon-trash
						</div>
						<div class="span3">
							<i class="icon-trophy"></i> icon-trophy
						</div>
						<div class="span3">
							<i class="icon-truck"></i> icon-truck
						</div>
						<div class="span3">
							<i class="icon-umbrella"></i> icon-umbrella
						</div>
						<div class="span3">
							<i class="icon-unchecked"></i> icon-unchecked <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-unlock"></i> icon-unlock
						</div>
						<div class="span3">
							<i class="icon-unlock-alt"></i> icon-unlock-alt
						</div>
						<div class="span3">
							<i class="icon-upload"></i> icon-upload
						</div>
						<div class="span3">
							<i class="icon-upload-alt"></i> icon-upload-alt
						</div>
						<div class="span3">
							<i class="icon-user"></i> icon-user
						</div>
						<div class="span3">
							<i class="icon-volume-down"></i> icon-volume-down
						</div>
						<div class="span3">
							<i class="icon-volume-off"></i> icon-volume-off
						</div>
						<div class="span3">
							<i class="icon-volume-up"></i> icon-volume-up
						</div>
						<div class="span3">
							<i class="icon-warning-sign"></i> icon-warning-sign
						</div>
						<div class="span3">
							<i class="icon-wrench"></i> icon-wrench
						</div>
						<div class="span3">
							<i class="icon-zoom-in"></i> icon-zoom-in
						</div>
						<div class="span3">
							<i class="icon-zoom-out"></i> icon-zoom-out
						</div>
					</div>
					</section>
					<section id="currency">
					<h2 class="page-header">Currency Icons</h2>
					<div class="row the-icons">
						<div class="span3">
							<i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-btc"></i> icon-btc
						</div>
						<div class="span3">
							<i class="icon-cny"></i> icon-cny
						</div>
						<div class="span3">
							<i class="icon-dollar"></i> icon-dollar <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-eur"></i> icon-eur
						</div>
						<div class="span3">
							<i class="icon-euro"></i> icon-euro <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-gbp"></i> icon-gbp
						</div>
						<div class="span3">
							<i class="icon-inr"></i> icon-inr
						</div>
						<div class="span3">
							<i class="icon-jpy"></i> icon-jpy
						</div>
						<div class="span3">
							<i class="icon-krw"></i> icon-krw
						</div>
						<div class="span3">
							<i class="icon-renminbi"></i> icon-renminbi <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-rupee"></i> icon-rupee <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-usd"></i> icon-usd
						</div>
						<div class="span3">
							<i class="icon-won"></i> icon-won <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-yen"></i> icon-yen <span class="muted">(alias)</span>
						</div>
					</div>
					</section>
					<section id="text-editor">
					<h2 class="page-header">Text Editor Icons</h2>
					<div class="row the-icons">
						<div class="span3">
							<i class="icon-align-center"></i> icon-align-center
						</div>
						<div class="span3">
							<i class="icon-align-justify"></i> icon-align-justify
						</div>
						<div class="span3">
							<i class="icon-align-left"></i> icon-align-left
						</div>
						<div class="span3">
							<i class="icon-align-right"></i> icon-align-right
						</div>
						<div class="span3">
							<i class="icon-bold"></i> icon-bold
						</div>
						<div class="span3">
							<i class="icon-columns"></i> icon-columns
						</div>
						<div class="span3">
							<i class="icon-copy"></i> icon-copy
						</div>
						<div class="span3">
							<i class="icon-cut"></i> icon-cut
						</div>
						<div class="span3">
							<i class="icon-eraser"></i> icon-eraser
						</div>
						<div class="span3">
							<i class="icon-file"></i> icon-file
						</div>
						<div class="span3">
							<i class="icon-file-alt"></i> icon-file-alt
						</div>
						<div class="span3">
							<i class="icon-file-text"></i> icon-file-text
						</div>
						<div class="span3">
							<i class="icon-file-text-alt"></i> icon-file-text-alt
						</div>
						<div class="span3">
							<i class="icon-font"></i> icon-font
						</div>
						<div class="span3">
							<i class="icon-indent-left"></i> icon-indent-left
						</div>
						<div class="span3">
							<i class="icon-indent-right"></i> icon-indent-right
						</div>
						<div class="span3">
							<i class="icon-italic"></i> icon-italic
						</div>
						<div class="span3">
							<i class="icon-link"></i> icon-link
						</div>
						<div class="span3">
							<i class="icon-list"></i> icon-list
						</div>
						<div class="span3">
							<i class="icon-list-alt"></i> icon-list-alt
						</div>
						<div class="span3">
							<i class="icon-list-ol"></i> icon-list-ol
						</div>
						<div class="span3">
							<i class="icon-list-ul"></i> icon-list-ul
						</div>
						<div class="span3">
							<i class="icon-paper-clip"></i> icon-paper-clip
						</div>
						<div class="span3">
							<i class="icon-paperclip"></i> icon-paperclip <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-paste"></i> icon-paste
						</div>
						<div class="span3">
							<i class="icon-repeat"></i> icon-repeat
						</div>
						<div class="span3">
							<i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-save"></i> icon-save
						</div>
						<div class="span3">
							<i class="icon-strikethrough"></i> icon-strikethrough
						</div>
						<div class="span3">
							<i class="icon-table"></i> icon-table
						</div>
						<div class="span3">
							<i class="icon-text-height"></i> icon-text-height
						</div>
						<div class="span3">
							<i class="icon-text-width"></i> icon-text-width
						</div>
						<div class="span3">
							<i class="icon-th"></i> icon-th
						</div>
						<div class="span3">
							<i class="icon-th-large"></i> icon-th-large
						</div>
						<div class="span3">
							<i class="icon-th-list"></i> icon-th-list
						</div>
						<div class="span3">
							<i class="icon-underline"></i> icon-underline
						</div>
						<div class="span3">
							<i class="icon-undo"></i> icon-undo
						</div>
						<div class="span3">
							<i class="icon-unlink"></i> icon-unlink
						</div>
					</div>
					</section>
					<section id="directional">
					<h2 class="page-header">Directional Icons</h2>
					<div class="row the-icons">
						<div class="span3">
							<i class="icon-angle-down"></i> icon-angle-down
						</div>
						<div class="span3">
							<i class="icon-angle-left"></i> icon-angle-left
						</div>
						<div class="span3">
							<i class="icon-angle-right"></i> icon-angle-right
						</div>
						<div class="span3">
							<i class="icon-angle-up"></i> icon-angle-up
						</div>
						<div class="span3">
							<i class="icon-arrow-down"></i> icon-arrow-down
						</div>
						<div class="span3">
							<i class="icon-arrow-left"></i> icon-arrow-left
						</div>
						<div class="span3">
							<i class="icon-arrow-right"></i> icon-arrow-right
						</div>
						<div class="span3">
							<i class="icon-arrow-up"></i> icon-arrow-up
						</div>
						<div class="span3">
							<i class="icon-caret-down"></i> icon-caret-down
						</div>
						<div class="span3">
							<i class="icon-caret-left"></i> icon-caret-left
						</div>
						<div class="span3">
							<i class="icon-caret-right"></i> icon-caret-right
						</div>
						<div class="span3">
							<i class="icon-caret-up"></i> icon-caret-up
						</div>
						<div class="span3">
							<i class="icon-chevron-down"></i> icon-chevron-down
						</div>
						<div class="span3">
							<i class="icon-chevron-left"></i> icon-chevron-left
						</div>
						<div class="span3">
							<i class="icon-chevron-right"></i> icon-chevron-right
						</div>
						<div class="span3">
							<i class="icon-chevron-sign-down"></i> icon-chevron-sign-down
						</div>
						<div class="span3">
							<i class="icon-chevron-sign-left"></i> icon-chevron-sign-left
						</div>
						<div class="span3">
							<i class="icon-chevron-sign-right"></i> icon-chevron-sign-right
						</div>
						<div class="span3">
							<i class="icon-chevron-sign-up"></i> icon-chevron-sign-up
						</div>
						<div class="span3">
							<i class="icon-chevron-up"></i> icon-chevron-up
						</div>
						<div class="span3">
							<i class="icon-circle-arrow-down"></i> icon-circle-arrow-down
						</div>
						<div class="span3">
							<i class="icon-circle-arrow-left"></i> icon-circle-arrow-left
						</div>
						<div class="span3">
							<i class="icon-circle-arrow-right"></i> icon-circle-arrow-right
						</div>
						<div class="span3">
							<i class="icon-circle-arrow-up"></i> icon-circle-arrow-up
						</div>
						<div class="span3">
							<i class="icon-double-angle-down"></i> icon-double-angle-down
						</div>
						<div class="span3">
							<i class="icon-double-angle-left"></i> icon-double-angle-left
						</div>
						<div class="span3">
							<i class="icon-double-angle-right"></i> icon-double-angle-right
						</div>
						<div class="span3">
							<i class="icon-double-angle-up"></i> icon-double-angle-up
						</div>
						<div class="span3">
							<i class="icon-hand-down"></i> icon-hand-down
						</div>
						<div class="span3">
							<i class="icon-hand-left"></i> icon-hand-left
						</div>
						<div class="span3">
							<i class="icon-hand-right"></i> icon-hand-right
						</div>
						<div class="span3">
							<i class="icon-hand-up"></i> icon-hand-up
						</div>
						<div class="span3">
							<i class="icon-long-arrow-down"></i> icon-long-arrow-down
						</div>
						<div class="span3">
							<i class="icon-long-arrow-left"></i> icon-long-arrow-left
						</div>
						<div class="span3">
							<i class="icon-long-arrow-right"></i> icon-long-arrow-right
						</div>
						<div class="span3">
							<i class="icon-long-arrow-up"></i> icon-long-arrow-up
						</div>
					</div>
					</section>
					<section id="video-player">
					<h2 class="page-header">Video Player Icons</h2>
					<div class="row the-icons">
						<div class="span3">
							<i class="icon-backward"></i> icon-backward
						</div>
						<div class="span3">
							<i class="icon-eject"></i> icon-eject
						</div>
						<div class="span3">
							<i class="icon-fast-backward"></i> icon-fast-backward
						</div>
						<div class="span3">
							<i class="icon-fast-forward"></i> icon-fast-forward
						</div>
						<div class="span3">
							<i class="icon-forward"></i> icon-forward
						</div>
						<div class="span3">
							<i class="icon-fullscreen"></i> icon-fullscreen
						</div>
						<div class="span3">
							<i class="icon-pause"></i> icon-pause
						</div>
						<div class="span3">
							<i class="icon-play"></i> icon-play
						</div>
						<div class="span3">
							<i class="icon-play-circle"></i> icon-play-circle
						</div>
						<div class="span3">
							<i class="icon-play-sign"></i> icon-play-sign
						</div>
						<div class="span3">
							<i class="icon-resize-full"></i> icon-resize-full
						</div>
						<div class="span3">
							<i class="icon-resize-small"></i> icon-resize-small
						</div>
						<div class="span3">
							<i class="icon-step-backward"></i> icon-step-backward
						</div>
						<div class="span3">
							<i class="icon-step-forward"></i> icon-step-forward
						</div>
						<div class="span3">
							<i class="icon-stop"></i> icon-stop
						</div>
						<div class="span3">
							<i class="icon-youtube-play"></i> icon-youtube-play
						</div>
					</div>
					</section>
					<section id="brand">
					<h2 class="page-header">Brand Icons</h2>
					<div class="row the-icons">
						<div class="span3">
							<i class="icon-adn"></i> icon-adn
						</div>
						<div class="span3">
							<i class="icon-android"></i> icon-android
						</div>
						<div class="span3">
							<i class="icon-apple"></i> icon-apple
						</div>
						<div class="span3">
							<i class="icon-bitbucket"></i> icon-bitbucket
						</div>
						<div class="span3">
							<i class="icon-bitbucket-sign"></i> icon-bitbucket-sign
						</div>
						<div class="span3">
							<i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span>
						</div>
						<div class="span3">
							<i class="icon-btc"></i> icon-btc
						</div>
						<div class="span3">
							<i class="icon-css3"></i> icon-css3
						</div>
						<div class="span3">
							<i class="icon-dribbble"></i> icon-dribbble
						</div>
						<div class="span3">
							<i class="icon-dropbox"></i> icon-dropbox
						</div>
						<div class="span3">
							<i class="icon-facebook"></i> icon-facebook
						</div>
						<div class="span3">
							<i class="icon-facebook-sign"></i> icon-facebook-sign
						</div>
						<div class="span3">
							<i class="icon-flickr"></i> icon-flickr
						</div>
						<div class="span3">
							<i class="icon-foursquare"></i> icon-foursquare
						</div>
						<div class="span3">
							<i class="icon-github"></i> icon-github
						</div>
						<div class="span3">
							<i class="icon-github-alt"></i> icon-github-alt
						</div>
						<div class="span3">
							<i class="icon-github-sign"></i> icon-github-sign
						</div>
						<div class="span3">
							<i class="icon-gittip"></i> icon-gittip
						</div>
						<div class="span3">
							<i class="icon-google-plus"></i> icon-google-plus
						</div>
						<div class="span3">
							<i class="icon-google-plus-sign"></i> icon-google-plus-sign
						</div>
						<div class="span3">
							<i class="icon-html5"></i> icon-html5
						</div>
						<div class="span3">
							<i class="icon-instagram"></i> icon-instagram
						</div>
						<div class="span3">
							<i class="icon-linkedin"></i> icon-linkedin
						</div>
						<div class="span3">
							<i class="icon-linkedin-sign"></i> icon-linkedin-sign
						</div>
						<div class="span3">
							<i class="icon-linux"></i> icon-linux
						</div>
						<div class="span3">
							<i class="icon-maxcdn"></i> icon-maxcdn
						</div>
						<div class="span3">
							<i class="icon-pinterest"></i> icon-pinterest
						</div>
						<div class="span3">
							<i class="icon-pinterest-sign"></i> icon-pinterest-sign
						</div>
						<div class="span3">
							<i class="icon-renren"></i> icon-renren
						</div>
						<div class="span3">
							<i class="icon-skype"></i> icon-skype
						</div>
						<div class="span3">
							<i class="icon-stackexchange"></i> icon-stackexchange
						</div>
						<div class="span3">
							<i class="icon-trello"></i> icon-trello
						</div>
						<div class="span3">
							<i class="icon-tumblr"></i> icon-tumblr
						</div>
						<div class="span3">
							<i class="icon-tumblr-sign"></i> icon-tumblr-sign
						</div>
						<div class="span3">
							<i class="icon-twitter"></i> icon-twitter
						</div>
						<div class="span3">
							<i class="icon-twitter-sign"></i> icon-twitter-sign
						</div>
						<div class="span3">
							<i class="icon-vk"></i> icon-vk
						</div>
						<div class="span3">
							<i class="icon-weibo"></i> icon-weibo
						</div>
						<div class="span3">
							<i class="icon-windows"></i> icon-windows
						</div>
						<div class="span3">
							<i class="icon-xing"></i> icon-xing
						</div>
						<div class="span3">
							<i class="icon-xing-sign"></i> icon-xing-sign
						</div>
						<div class="span3">
							<i class="icon-youtube"></i> icon-youtube
						</div>
						<div class="span3">
							<i class="icon-youtube-play"></i> icon-youtube-play
						</div>
						<div class="span3">
							<i class="icon-youtube-sign"></i> icon-youtube-sign
						</div>
					</div>
					</section>
					<section id="medical">
					<h2 class="page-header">Medical Icons</h2>
					<div class="row the-icons">
						<div class="span3">
							<i class="icon-ambulance"></i> icon-ambulance
						</div>
						<div class="span3">
							<i class="icon-h-sign"></i> icon-h-sign
						</div>
						<div class="span3">
							<i class="icon-hospital"></i> icon-hospital
						</div>
						<div class="span3">
							<i class="icon-medkit"></i> icon-medkit
						</div>
						<div class="span3">
							<i class="icon-plus-sign-alt"></i> icon-plus-sign-alt
						</div>
						<div class="span3">
							<i class="icon-stethoscope"></i> icon-stethoscope
						</div>
						<div class="span3">
							<i class="icon-user-md"></i> icon-user-md
						</div>
					</div>
					</section>
				</div>

			</div>

			<footer>
				<div class="container">
					<div class="row">
						<div class="footer-ribon">
							<span>Get in Touch</span>
						</div>
						<div class="span3">
							<h4>Newsletter</h4>
							<p>Keep up on our always evolving product features and technology. Enter your e-mail and subscribe to our newsletter.</p>

							<div class="alert alert-success hidden" id="newsletterSuccess">
								<strong>Success!</strong> You've been added to our email list.
							</div>

							<div class="alert alert-error hidden" id="newsletterError"></div>

							<form class="form-inline" id="newsletterForm" action="http://www.crivosthemes.com/theme/porto/php/newsletter-subscribe.php" method="POST">
								<div class="control-group">
									<div class="input-append">
										<input class="span2" placeholder="Email Address" name="email" id="email" type="text">
										<button class="btn" type="submit">Go!</button>
									</div>
								</div>
							</form>
						</div>
						<div class="span3">
							<h4>Latest Tweet</h4>
							<div id="tweet" class="twitter" data-account-id="crivosthemes">
								<p>Please wait...</p>
							</div>
						</div>
						<div class="span4">
							<div class="contact-details">
								<h4>Get in touch</h4>
								<ul class="contact">
									<li><p><i class="icon-map-marker"></i> <strong>Address:</strong> 1234 Street Name, City Name, United States</p></li>
									<li><p><i class="icon-phone"></i> <strong>Phone:</strong> (123) 456-7890</p></li>
									<li><p><i class="icon-envelope"></i> <strong>Email:</strong> <a href="mailto:mail@example.com">mail@example.com</a></p></li>
								</ul>
							</div>
						</div>
						<div class="span2">
							<h4>Follow Us</h4>
							<div class="social-icons">
								<ul class="social-icons">
									<li class="facebook"><a href="http://www.facebook.com/" target="_blank" data-placement="bottom" rel="tooltip" title="Facebook">Facebook</a></li>
									<li class="twitter"><a href="http://www.twitter.com/" target="_blank" data-placement="bottom" rel="tooltip" title="Twitter">Twitter</a></li>
									<li class="linkedin"><a href="http://www.linkedin.com/" target="_blank" data-placement="bottom" rel="tooltip" title="Linkedin">Linkedin</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-copyright">
					<div class="container">
						<div class="row">
							<div class="span1">
								<a href="index.html" class="logo">
									<img alt="Porto Website Template" src="img/logo-footer.png">
								</a>
							</div>
							<div class="span7">
								<p>© Copyright 2013 by Crivos. All Rights Reserved.</p>
							</div>
							<div class="span4">
								<nav id="sub-menu">
									<ul>
										<li><a href="page-faq.html">FAQ's</a></li>
										<li><a href="sitemap.html">Sitemap</a></li>
										<li><a href="contact-us.html">Contact</a></li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>

		<!-- Libs -->
		<script type="text/javascript" src="../../../ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="vendor/jquery.js"><\/script>')</script>
		<script src="vendor/jquery.easing.js"></script>
		<script src="vendor/jquery.appear.js"></script>
		<script src="vendor/jquery.cookie.js"></script>
		<script src="master/style-switcher/style.switcher.js"></script> <!-- Style Switcher -->
		<script src="vendor/bootstrap.js"></script>
		<script src="vendor/selectnav.js"></script>
		<script src="vendor/twitterjs/twitter.js"></script>
		<script src="vendor/flexslider/jquery.flexslider.js"></script>
		<script src="vendor/jflickrfeed/jflickrfeed.js"></script>
		<script src="vendor/magnific-popup/magnific-popup.js"></script>
		<script src="vendor/jquery.validate.js"></script>

		<script src="js/plugins.js"></script>

		<!-- Page Scripts -->

		<!-- Theme Initializer -->
		<script src="js/theme.js"></script>

		<!-- Custom JS -->
		<script src="js/custom.js"></script>

		<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->
		<script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-42715764-3']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();

		</script>
	</body>

<!-- Mirrored from www.crivosthemes.com/theme/porto/feature-icons.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 23 Oct 2013 13:59:55 GMT -->
</html>
